@media screen and (min-width: 1070px) {
    .mobile-about {
        display: none;
    }

    * {
        padding: 0;
        margin: 0;
        font-family: Helvetica Neue, Helvetica;
    }

    .clear:after {
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0;

    }
    ul li{

        list-style: none;

    }

    img {
        display: block;
    }

    html,body {
        width: 100%;
        height: 100%;
    }

    .pc-about {
        width: 100%;
        height: 100%;
        background-color: white;
        position: relative;
    }

    .head-bar {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 90px;
        color: white;
        background: black;
    }
    .head-bar-inner {
        width: 1070px;
        height: 90px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .head-bar-left {
        display: inline-block;
        float: left;
    }
    .head-bar-right {
        display: inline-block;
        float: right;
        width: 300px;
        font-size: 20px;
    }
    .head-bar-right > div {
        display: flex;
        justify-content: space-between;
    }
    .head-bar-right > div span {
        font-size: 20px;
        font-family:PingFangSC-Regular;
        cursor: pointer;
    }
    #toMerachants {
        color:#01c2c3;
        cursor: auto;
    }

    .colorline {
        width: 120px;
    }
    .title {
        font-family:PingFangSC-Ultralight;
        font-size:45px;
        color:#14151a;
        letter-spacing:0;
    }
    .footer-desc {
        font-family:PingFangSC-Regular;
        font-size:20px;
        color:#ffffff;
    }
    .footer-desc > span {
        color:#01c2c3;
    }

    .main1 {
        background-image: url(https://du.hupucdn.com/news_byte718919byte_9f866f1401d90613d303f221aa866795_w2880h800.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main1 > .content-wrap {
        width: 1070px;
        /*margin: auto 0;*/
    }
    .main1 > .content-wrap > .content-1 {
        family:PingFangSC-Medium;
        font-size:40px;
        color:#e9c18a;
        text-align:left;
    }
    .main1 > .content-wrap > .content-2 {
        font-family:PingFangSC-Medium;
        font-size:30px;
        color:#ffffff;
        letter-spacing:1px;
        text-align:justify;
        line-height:55px;
    }

    .main2 {
        width: 100%;
        height: 1850px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: white;
    }
    .main2 > .content-wrap {
        width: 1070px;
        height: 100%;
    }
    .main2 > .content-wrap > .content-area-1 {
        width: 100%;
        height: 300px;
        margin-top: 100px;
    }
    .main2 > .content-wrap > .content-area-1 > .title {
        margin-bottom: 19px;
    }
    .main2 > .content-wrap > .content-area-1 > .content-desc {
        width: 100%;
        height: 110px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 50px;
    }
    .main2 > .content-wrap > .content-area-1 > .content-desc > div {
        height: 100%;
    }
    .main2 > .content-wrap > .content-area-1 .bb {
        display: inline-block;
        margin-right: 30px;
    }
    .main2 > .content-wrap > .content-area-1 .dd {
        display: inline-block;
        margin-top: 14px;
    }
    .main2 > .content-wrap > .content-area-1 .dd p {
        font-family:PingFangSC-Regular;
        font-size:28px;
        color:#30333f;
    }
    .main2 > .content-wrap > .content-area-2 {
        width: 100%;
        height: 400px;
        margin-top: 100px;
    }
    .main2 > .content-wrap > .content-area-2 > .title {
        margin-bottom: 19px;
    }
    .main2 > .content-wrap > .content-area-2 > .content-desc {
        margin-top: 25px;
    }
    .main2 > .content-wrap > .content-area-2 > .content-desc > p{
        font-family: PingFangSC-Regular;
        font-size: 28px;
        color: #30333f;
    }
    .main2 > .content-wrap > .content-area-2 > .content-img-area {
        width: 100%;
        height: 200px;
        margin-top: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .main2 > .content-wrap > .content-area-2 > .content-img-area .cell {
        height: 100%;
        width: 12.5%;
    }
    .main2 > .content-wrap > .content-area-2 > .content-img-area .cell .img-cell {
        width: 100%;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main2 > .content-wrap > .content-area-2 > .content-img-area .cell .desc-cell {
        width: 100%;
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
    }
    .main2 > .content-wrap > .content-area-3 {
        width: 100%;
        height: 200px;
        margin-top: 7rem;
    }
    .main2 > .content-wrap > .content-area-3 > .title {
        margin-bottom: 19px;
    }
    .main2 > .content-wrap > .content-area-3 > .content-desc {
        margin-top: 25px;
    }
    .main2 > .content-wrap > .content-area-3 > .content-desc > p{
        font-family:PingFangSC-Regular;
        font-size:24px;
        color:#30333f;
    }
    .main2 > .content-wrap > .content-area-3 > .content-desc > p span{
        margin: 0 20px;
    }
    .main2 > .content-wrap > .content-area-3 > .content-desc > p span:last-child{
        color: #cabcbc;
    }
    .main2 > .content-wrap > .content-area-4 {
        width: 100%;
        height: 500px;
        margin-top: 100px;
    }
    .main2 > .content-wrap > .content-area-4 > .title {
        margin-bottom: 19px;
    }
    .main2 > .content-wrap > .content-area-4 > .content-desc {
        margin-top: 25px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .main2 > .content-wrap > .content-area-4 > .content-desc  p {
        font-family:Helvetica;
        font-size:22.5px;
        color:#30333f;
        text-align:left;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 1069px) {
    .pc-about {
        display: none;
    }

    html,body {
        width: 100%;
        height: 100%;
    }

    * {
        padding: 0;
        margin: 0;
        font-family: Helvetica;
    }

    .clear:after {
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0
    }

    img {
        display: block;
    }
    .colorline {
        width: 40px;
    }
    .title {
        font-family:PingFangSC-Ultralight;
        font-size:20px;
        color:#14151a;
        letter-spacing:0;
    }

    .mobile-about {
        width: 100%;
        max-width: 640px;
        min-height: 100%;
        margin: 0 auto;
        background-color: #fff;
        position: relative;
    }
    .main1 {
        width: 100%;
        height: 200px;
        background-image: url("https://du.hupucdn.com/news_byte127672byte_5d4d1c43290dab3a6b1f3b0ede3f1fe9_w750h450.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main1 > .content-wrap {
        width: 80%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .main1 > .content-wrap > .title {
        color: #efe58d;
        font-size: 24px;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }
    .main1 > .content-wrap > .title > .line {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 25%;
    }
    .main1 > .content-wrap > .title > .line > div {
        /*display: inline-block;*/
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #efe58d;
        margin-bottom: 1px;
    }
    .main1 > .content-wrap > p {
        width: 100%;
        color: white;
        font-size: 14px;
        font-family:PingFangSC-Ultralight;
    }

    .main2 {
        width: 100%;
        height: 870px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: white;
    }
    .main2 > .content-wrap {
        width: 85%;
        height: 100%;
    }
    .content-area-1 {
        margin-top: 50px;
        width: 100%;
        height: 150px;
    }
    .main2 > .content-wrap > .content-area-1 > .title {
        margin-bottom: 15px;
    }
    .main2 > .content-wrap > .content-area-1 > .content-desc {
        width: 100%;
        height: 45px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
    }
    .main2 > .content-wrap > .content-area-1 > .content-desc > div {
        height: 100%;
    }
    .main2 > .content-wrap > .content-area-1 .bb {
        display: inline-block;
        margin-right: 5px;
    }
    .main2 > .content-wrap > .content-area-1 .dd {
        display: inline-block;
        margin-top: 5px;
    }
    .main2 > .content-wrap > .content-area-1 .dd p {
        font-family:PingFangSC-Regular;
        font-size:12px;
        color:#30333f;
    }

    .main2 > .content-wrap > .content-area-2 {
        width: 100%;
        height: 300px;
        margin-top: 20px;
        /*outline: 1px solid;*/
    }
    .main2 > .content-wrap > .content-area-2 > .title {
        margin-bottom: 19px;
    }
    .main2 > .content-wrap > .content-area-2 > .content-desc {
        margin-top: 20px;
    }
    .main2 > .content-wrap > .content-area-2 > .content-desc > p{
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #30333f;
    }
    .main2 > .content-wrap > .content-area-2 > .content-img-area {
        width: 100%;
        height: 200px;
        margin-top: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .main2 > .content-wrap > .content-area-2 > .content-img-area .cell {
        height: 50%;
        width: 25%;
    }
    .main2 > .content-wrap > .content-area-2 > .content-img-area .cell .img-cell {
        width: 100%;
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main2 > .content-wrap > .content-area-2 > .content-img-area .cell .img-cell img {
        width: 65px;
        height: 65px;
    }
    .main2 > .content-wrap > .content-area-2 > .content-img-area .cell .desc-cell {
        width: 100%;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 10px;
        font-family:PingFangSC-Light;
        color:#aaaabb;
    }

    .main2 > .content-wrap > .content-area-3 {
        width: 100%;
        height: 200px;
        margin-top: 50px;
        /*outline: 1px solid;*/
    }
    .main2 > .content-wrap > .content-area-3 > .title {
        margin-bottom: 20px;
    }
    .main2 > .content-wrap > .content-area-3 > .content-desc {
        margin-top: 20px;
    }
    .main2 > .content-wrap > .content-area-3 > .content-desc > p{
        font-family:PingFangSC-Regular;
        font-size:12px;
        color:#35393f;
        margin-bottom: 5px;
    }

    .main2 > .content-wrap > .content-area-4 {
        width: 100%;
        height: 50px;
    }
    .main2 > .content-wrap > .content-area-4 p {
        font-family:PingFangSC-Light;
        font-size:12px;
        line-height: 25px;
        color:#30333f;
    }
    .main2 > .content-wrap > .content-area-4 p span {
        color: #cabcbc;
    }

    .main2 > .content-wrap > .content-area-5 {
        width: 100%;
        height: 370px;
        margin-top: 50px;
    }
    .main2 > .content-wrap > .content-area-5 > .title {
        margin-bottom: 20px;
    }
    .main2 > .content-wrap > .content-area-5 > .content-desc {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .main2 > .content-wrap > .content-area-5 > .content-desc  p{
        font-family:Helvetica;
        font-size:11px;
        color:#30333f;
        text-align:left;
        margin-bottom: 6px;
    }
}